<template>
  <h3>事件修饰符</h3>
  <a @click.prevent="clickHandle" href="http://softeng.cn">非典型性程序猿</a>
  <div @click="clickDiv">
    <p @click.stop="clickP">测试事件冒泡</p>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    clickHandle(event) {
      // 阻止默认事件
      // event.preventDefault()
      console.log("点击了")
    },
    clickDiv() {
      console.log("点击div");
    },
    clickP(event) {
      // 阻止事件冒泡
      // event.stopPropagation();
      console.log("点击P");
    }
  }
}
</script>